<template>
  <div class="base">
    <div class="left" v-if="props.required"></div>
    {{ props.title }}
   
  </div>
</template>

<script setup>
const props = defineProps({
  required: {
    type: Boolean,
    required: false,
  },
  title: {
    type: String,
    required: "",
  },
  name: {
    type: String,
    required: "",
  },
  
});
</script>

<style scoped lang="scss">
/* 标题 */

.base {
  font-size: 26px;
  color: #333;
  //padding-bottom: 10px;
  font-weight: bold;
  display: flex;

  .left {
    width: 4px;
    height: 28px;
    background-color: $green;
    margin: 4px 8px 0 0;
    border-radius: 2px;
  }
}
</style>
